﻿@model BookmarkListModel

<div class="controls pull-right">
    <a class="btn btn-small" onclick="책갈피그룹추가()">그룹 추가</a>
</div>

<h2>책갈피 목록</h2>
<hr />

@foreach (var 그룹 in Model.책갈피그룹목록) {
    <div class="controls pull-right">
        @if (그룹.제목 != Consts.기본그룹) {
            <div class="btn-group">
                <a class="btn dropdown-toggle btn-small" data-toggle="dropdown">편집<span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a onclick="책갈피그룹명변경(@그룹.ID, '@그룹.제목.JS()')">그룹명 변경</a></li>
                    <li><a onclick="책갈피그룹삭제(@그룹.ID)">그룹 전체 삭제</a></li>
                </ul>
            </div>
        }
    </div>
    
    <h4><i class="icon-folder-close"></i> @그룹.제목</h4>
    <table class="table table-condensed table-bordered">
        <thead>
            <tr>
                <th>제 목</th>
                <th style="width:150px;">최근 수정일</th>
                <th style="width:50px;"></th>
            </tr>
        </thead>
        <tbody>
        @foreach (var 책갈피 in 그룹.책갈피목록) {
            <tr class="hover">
                <td onclick="document.location='@책갈피.URL';">@책갈피.제목</td>
                <td>@책갈피.글수정일.ToYMDHM()</td>
                <td>
                    <div class="controls pull-right">
                        <div class="btn-group">
                            <a class="btn dropdown-toggle btn-mini" data-toggle="dropdown">편집<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a onclick="책갈피삭제(@책갈피.ID)">책갈피 삭제</a></li>
                                <li><a onclick="책갈피이동(@책갈피.ID)">다른 그룹으로 이동</a></li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
        }
        </tbody>
    </table>
    <hr />
}

@Html.Partial("_PromptDialog")
@Html.Partial("_책갈피그룹선택대화상자")

<script type="text/javascript">
    function 책갈피삭제(id) { AjaxJsonCall_Redirect("/Bookmark/Delete", { ID: id }, "삭제하시겠습니까?"); }
    function 책갈피그룹삭제(id) { AjaxJsonCall_Redirect("/Bookmark/DeleteGroup", { ID: id }, "삭제하시겠습니까?"); }

    function 책갈피그룹추가() {
        showPromptDialog(
            '책갈피 그룹 추가', '그룹명',
            function (value) { AjaxJsonCall_Redirect("/Bookmark/AddGroup", { title: value }); }
        );
    }

    function 책갈피그룹명변경(id, oldTitle) {
        showPromptDialog(
            '책갈피 그룹명 변경', '새 그룹명',
            function (value) { AjaxJsonCall_Redirect("/Bookmark/RenameGroup", { id: id, title: value }); },
            { defaultValue: oldTitle }
        );
    }

    function 책갈피이동(책갈피ID) {
        책갈피그룹선택대화상자_보이기(
            '책갈피 이동',
            function (책갈피그룹ID) { AjaxJsonCall_Redirect("/Bookmark/Move", { bookmarkId: 책갈피ID, bookmarkGroupId: 책갈피그룹ID }); }
        );
    }
</script>